---
layout: bootstrap
---
<div class="container mt-5">
    <div class="row mb-5">
        <div class="col-sm-8">
            <h3>{{ site.data.resume.username }}</h3>
            <div>{{ site.data.resume.phone }}|{{ site.data.resume.email }}</div>
            <div>{{ site.data.resume.address }}</div>
            <div>{{ site.data.resume.other | replace: " ", "&nbsp;" | newline_to_br }}</div>
        </div>
        <div class="col-sm-4">
            {%- capture height -%}{{ site.data.resume.photo.height| times: site.data.resume.photo.zoom  }}{%- endcapture -%}
            {%- capture width -%}{{ site.data.resume.photo.width| times: site.data.resume.photo.zoom  }}{%- endcapture -%}
            {%- if site.data.resume.photo.src -%}
            <img class="bd-placeholder-img img-thumbnail rounded float-right" src="{{ site.data.resume.photo.src | prepend: site.baseurl }}" width="{{ width }}" height="{{height }}" alt="">
            {%- else -%}
            <svg class="bd-placeholder-img img-thumbnail rounded float-right" width="{{ width }}" height="{{height }}"
            xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: {{ width }}x{{ height }}"
            preserveAspectRatio="xMidYMid slice" focusable="false">
            <title>Placeholder</title>
                <rect width="100%" height="100%" fill="#6c757d"></rect><text x="50%" y="50%" fill="#dee2e6"
                    dy=".3em">{{ site.data.resume.photo.name | append: width | append: "x" | append: height }}</text>
            </svg>
        {%- endif -%}
        </div>
    </div>

    {%- if site.data.resume.tops -%}
    {%- for top in site.data.resume.tops -%}
        <div class="row mb-5">
            <div class="container">
            <h4>{{ top.title }}</h4>
            <hr>
            {%- if top.blocks -%}
                {%- for block in top.blocks -%}
                    <div class="row">
                        <div class="col-sm-{%- if block.time or block.adress -%}8{%- else -%}12{%- endif -%}">
                            {%- if block.title -%}
                            <h class="font-weight-bolder">{{ block.title }}</h>
                            {%- endif -%}
                            {%- if block.detail -%}
                            <h6>{{ block.detail }}</h6>
                            {%- endif -%}
                        </div>
                        {%- if block.time or block.adress -%}
                        <div class="col-sm-4">
                            {%- if block.time -%}
                            <div class="float-right">{{ block.time }}</div><br>
                            {%- endif -%}
                            {%- if block.adress -%}
                            <div class="float-right">{{ block.adress }}</div><br>
                            {%- endif -%}
                        </div>
                        {%- endif -%}
                        <div class="col-sm-12">
                            {%- if block.lists -%}
                            {%- for list in block.lists -%}
                                <li class="text-break">{{ list | replace: " ", "&nbsp;" | newline_to_br }}</li>
                            {%- endfor -%}
                            {%- endif -%}
                        </div>
                    </div>
                {%- endfor-%}
            {%- endif -%}
            </div>
        </div>
    {%- endfor -%}
    {%- endif -%}
    {{ content }}
</div>
